.box { float: left; }
#root { max-width: 1600px; margin: 0 auto; }

#top { width: 100%; }
#banner { width: 100%; position:relative; }
#mid { width: 100%; }
#bot { width: 100%; background-image:url("./images/foot-bg.png"); margin-top:15px; }
#logo { width: 15.3333333%; }
#menu { width: 84.333333%; float:right; width:auto !important;}


/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 768px) and (max-width: 1600px) and (orientation: landscape) {
    #top { float:left; width: 100%;  height:50px;}
    #banner {
        width: 100%;
    }
    #mid { width: 100%; }
    #bot { width: 100%; min-height:70px; padding-top:30px; padding-left:1%; }
    #logo { width: 15.3333333%; float:left; margin-right:2%; }
    #menu { width: 82.333333%;  }
    #menu .menu-top { display:block !important; }
    #menu .icon { display:none;  }
    #mid .fivebox {
        width: 13.3%;
        margin-left: 5.5%;
        margin-top: 30px;
    }

    #mid .fivebox img{
        max-width:100%;
    }
    #bot .address {
        width:40%;
        float:left;
        text-shadow:1px 1px 0px #CCC;
        font-size:18px;
    }
    #bot .copyright {
        width:18%;
        float:left;
        text-shadow:1px 1px 0px #CCC;
        font-size:18px;
    }
    #bot .sociallink {
        width:40%;
        float:left;
    }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
    #top { width: 100%;  }
    #banner { width: 100%; }
    #mid { width: 100%; }
    #bot { width: 100%; padding-top:30px; }
    #logo { width: 100%; margin-bottom:1%;}
    #menu { width: 100%; margin-bottom:1%; float:left;}
    #menu .menu-top { margin:0px; }
    #menu li { width:100%; text-align:center; border-bottom:1px solid #4662f1;border-top:1px solid #4662f1;  margin-bottom:5px; }
    #menu li a { float:none; height:130%; display:block;}
    #menu .icon { display:block;  }

    #mid .fivebox {
        width: 43.3%;
        margin-left: 5.5%;
        margin-top: 30px;
    }

    #mid .fivebox img{
        max-width:100%;
    }
    #bot .address {
        width:100%;
        text-align:center;
        text-shadow:1px 1px 0px #ccc;
        font-size:14px;
    }
    #bot .copyright {
        width:100%;
        text-align:center;
        text-shadow:1px 1px 0px #ccc;
        font-size:14px;
    }
    #bot .sociallink {
        width:100%;
        text-align:center;
        float:right;
    }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
    #top { width: 100%; height:20px; }
    #banner { width: 100%; }
    #mid { width: 100%; }
    #bot { width: 100%; }
    #logo { width: 100%; }
    #menu { width: 100%; }
    #mid .fivebox {
        width: 43.3%;
        margin-left: 5.5%;
        margin-top: 30px;
    }

    #mid .fivebox img{
        max-width:100%;
    }

    #bot .address {
        width:100%;
        text-align:center;
    }
    #bot .copyright {
        width:100%;
        text-align:center;;
    }
    #bot .sociallink {
        width:100%;
        text-align:center;
    }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
    #top { width: 100%; height:20px; }
    #banner { width: 100%; }
    #mid { width: 100%; }
    #bot { width: 100%; }
    #logo { width: 100%; }
    #menu { width: 100%; }
    #mid .fivebox {
        width: 43.3%;
        margin-left: 5.5%;
        margin-top: 30px;
    }

    #mid .fivebox img{
        max-width:100%;
    }

    #bot .address {
        width:100%;
        text-align:center;
    }
    #bot .copyright {
        width:100%;
        text-align:center;;
    }
    #bot .sociallink {
        width:100%;
        text-align:center;
    }
}

/* iPad 3 & 4 Landscape */
@media only screen and (width: 481px) and (width: 1024px) and (orientation: landscape) {
    #top { width: 100%; height:20px; }
    #banner { width: 100%; }
    #mid { width: 100%; }
    #bot { width: 100%; }
    #logo { width: 100%; }
    #menu { width: 100%; }
    #mid .fivebox {
        width: 43.3%;
        margin-left: 5.5%;
        margin-top: 30px;
    }

    #mid .fivebox img{
        max-width:100%;
    }

    #bot .address {
        width:100%;
        text-align:center;
    }
    #bot .copyright {
        width:100%;
        text-align:center;;
    }
    #bot .sociallink {
        width:100%;
        text-align:center;
    }
}

/* iPad 3 & 4 Portrait */
@media only screen and (width: 481px) and (width: 1024px) and (orientation: portrait) {
    #top { width: 100%; height:20px; }
    #banner { width: 100%; }
    #mid { width: 100%; }
    #bot { width: 100%; }
    #logo { width: 100%; }
    #menu { width: 100%; }
    #mid .fivebox {
        width: 43.3%;
        margin-left: 5.5%;
        margin-top: 30px;
    }

    #mid .fivebox img{
        max-width:100%;
    }

    #bot .address {
        width:100%;
        text-align:center;
    }
    #bot .copyright {
        width:100%;
        text-align:center;;
    }
    #bot .sociallink {
        width:100%;
        text-align:center;
    }
}

/* iPhone 4/4S Landscape */
@media only screen and (width: 569px) and (width: 480px) and (orientation: landscape) {
    #top { width: 100%; height:20px; }
    #banner { width: 100%; }
    #mid { width: 100%; }
    #bot { width: 100%; }
    #logo { width: 100%; }
    #menu { width: 100%; }
    #mid .fivebox {
        width: 43.3%;
        margin-left: 5.5%;
        margin-top: 30px;
    }

    #mid .fivebox img{
        max-width:100%;
    }

    #bot .address {
        width:100%;
        text-align:center;
    }
    #bot .copyright {
        width:100%;
        text-align:center;;
    }
    #bot .sociallink {
        width:100%;
        text-align:center;
    }
}

/* iPhone 4/4S Portrait */
@media only screen and (width: 569px) and (width: 480px) and (orientation: portrait) {
    #top { width: 100%; height:20px; }
    #banner { width: 100%; }
    #mid { width: 100%; }
    #bot { width: 100%; }
    #logo { width: 100%; }
    #menu { width: 100%; }
    #mid .fivebox {
        width: 43.3%;
        margin-left: 5.5%;
        margin-top: 30px;
    }

    #mid .fivebox img{
        max-width:100%;
    }

    #bot .address {
        width:100%;
        text-align:center;
    }
    #bot .copyright {
        width:100%;
        text-align:center;;
    }
    #bot .sociallink {
        width:100%;
        text-align:center;
    }
}

/* iPhone 5 Landscape */
@media only screen and (width: px) and (width: 568px) and (orientation: landscape) {
    #top { width: 100%; height:20px; }
    #banner { width: 100%; }
    #mid { width: 100%; }
    #bot { width: 100%; }
    #logo { width: 100%; }
    #menu { width: 100%; }
    #mid .fivebox {
        width: 43.3%;
        margin-left: 5.5%;
        margin-top: 30px;
    }

    #mid .fivebox img{
        max-width:100%;
    }

    #bot .address {
        width:100%;
        text-align:center;
    }
    #bot .copyright {
        width:100%;
        text-align:center;;
    }
    #bot .sociallink {
        width:100%;
        text-align:center;
    }
}

/* iPhone 5 Portrait */
@media only screen and (width: px) and (width: 568px) and (orientation: portrait) {
    #top { width: 100%; height:20px; }
    #banner { width: 100%; }
    #mid { width: 100%; }
    #bot { width: 100%; }
    #logo { width: 100%; }
    #menu { width: 100%; }
    #mid .fivebox {
        width: 43.3%;
        margin-left: 5.5%;
        margin-top: 30px;
    }

    #mid .fivebox img{
        max-width:100%;
    }

    #bot .address {
        width:100%;
        text-align:center;
    }
    #bot .copyright {
        width:100%;
        text-align:center;;
    }
    #bot .sociallink {
        width:100%;
        text-align:center;
    }
}

body {
    padding:0px;
    margin:0px;
}

ul,li,input {
    padding:0px;
    margin:0px;
}

li {
    list-style:none;
}
img {
    outline:none !important;
    border:none;
}
a {
    outline:none !important;
    border:none;
    text-decoration:none;
    font-family: Tahoma, arial, sans-serif;
    color:#00C;
}

@font-face{font-family:UTMCopperplate;src:url("fonts/UTMCopperplate.ttf");font-size:12px}

.banner_bg {
    max-width:100%;
    position:absolute;
    top:0px;
    left:0px;
}
.logo {
    padding-top:1%;
}
.logo a{

    padding-left: 15%;
    padding-top:5%;
}

.logo img {
    position:relative;
    z-index:1;
    margin-left:2%;
    margin-top:2%;
    max-width:100%;
    max-height:90%;
}
.bnjFlowSlideContainer {
    max-width:80%;
    max-height:80%;
    height:100% !important;
}

#bnjFlow, .bnjFlowSlideContainer  {
    height:auto !important;
}
.bnjFlowSlideContainer img {
    max-width:80%;
    max-height:80%;

    margin-left:5%;
    margin-top:5%;

}
.menu-top-container {

    text-align:right;

    height:100%;
}


.menu-top {

    float:right;
    margin-right:10%;
    margin-top:0.8% !important;
}

.menu-top  li {
    float: left;

}

.menu-top li a{
    color:#c83c03;
    float: left;

    padding: 5px 15px;
    white-space: nowrap;
    font-family:Tahoma;
    font-size:18px;
    text-transform:uppercase;

}
.menu-top li a:hover {
    color:#3250ea;
}

#menu
{
    /* container */
}
#menu > a
{
    display: none;
}
#menu li
{
    position: relative;
}
#menu .icon {
    border: 4px solid #3250ea;
    cursor: pointer;
    height: 20px;
    position: relative;
    text-indent: -100000px;
    width: 20px;
    margin-left:10px;
}
#menu .icon:before {
    border: 4px solid #3250ea;
    content: "";
    height:20%;
    left: -4px;
    position: absolute;
    top: 4px;
    width: 20px;
}

.fivebox a {
    float:left;
    width:100%;
}
.fivebox {
    float: left;
    text-align:center;
}

#bot .sociallink img {
    float: right;
    max-width:100%;
}

#bot .botitem {
    margin-bottom:20px;
}